@tableContentColor: #fff;

.container {
  position: relative;
  background: @tableContentColor;
  border-radius: 8px;

  .tableTop {
    padding: 16px;
  }

  :global {
    .ant-table-footer {
      padding: 0 !important;
      background: #fff;
    }

    .ant-table {
      border: none;
    }

    .ant-table-wrapper
      .ant-table-container
      table
      > thead
      > tr:first-child
      > *:first-child {
      border-radius: 0;
    }

    .ant-table-wrapper
      .ant-table-container
      table
      > thead
      > tr:first-child
      > *:last-child {
      border-radius: 0;
    }
  }

  .table {
    zoom: 1;

    :global {
      .ant-table-pagination {
        float: none;
        text-align: right;

        .ant-pagination-total-text {
          //   float: left;
          float: right;
          line-height: 32px;
        }
      }

      .ant-table-tbody {
        background-color: @tableContentColor;
      }

      .ant-table-thead > tr > th {
        background: rgba(240, 240, 240, 87.4%);
      }

      .ant-table-placeholder {
        background-color: @tableContentColor;
      }
    }
  }
}

.footerContainer {
  padding: 10px;

  .total {
    color: rgba(0, 0, 0, 65%);
  }

  display: flex;
  //   justify-content: space-between;
  justify-content: flex-end;
  line-height: 32px;
  padding-top: 16px;
}
